<?php
    require_once 'include_dao.php';
    ini_set("display_errors", $DISPLAY_ERROR);
?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="./resources/css/frontend.css" media="screen" />
<!--        <script type="text/javascript" src="./resources/js/jquery-1.6.2.js"></script>-->
        <script type="text/javascript" src="./resources/galleria/jquery.js"></script>
        
        <!-- Inicio Calenadrio -->
        
        	<link rel='stylesheet' type='text/css' href='./resources/fullcalendar/fullcalendar.css' />
			<link rel='stylesheet' type='text/css' href='./resources/fullcalendar/fullcalendar.print.css' media='print' />
			<script type='text/javascript' src='./resources/jqueryCalendar/jquery-ui-1.8.11.custom.min.js'></script>
			<script type='text/javascript' src='./resources/fullcalendar/fullcalendar.js'></script>
        	<script type='text/javascript'>

                                function resultado(data)
                                {
                                    $('table.tablaeventos').html('').show();
                                    alert(data);
                                    $.each(data,function(index, value){
                                        $('table.tablaeventos').append("<tr><td class='linea'>");
                                        $('table.tablaeventos').append(data[index].tituloEsp);
                                        $('table.tablaeventos').append("</td></tr>");
                                    });
                                }

				$(document).ready(function() {
					
					/*var date = new Date();
					//var d = date.getDate();
					//var m = date.getMonth();
					//var y = date.getFullYear();
                                        var m = date.getMonth();
                                        var y = date.getFullYear();
                                        $.ajax({
                                            data:"anio=2012&mes=6",
                                            type:'GET',
                                            dateType:'json',
                                            url:'ajax.php',
                                            success:function(res){
                                                resultado(res);
                                            }
                                        });
                                        */

					$('#calendar').fullCalendar({
						editable: true,
                                                 <?php
                                                 if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                                 {
                                                 ?>
                                                 monthNames:['Enero / Mí Eanair'
                                                     ,'Febrero / Mí Feabhra'
                                                     ,'Marzo / Mí Márta'
                                                     ,'Abril / Mí Aibreán'
                                                     ,'Mayo / Mí Bealtaine'
                                                     ,'Junio / Mí Meitheamh'
                                                     ,'Julio / Mí Iúil'
                                                     ,'Agosto / Mí Lúnasa'
                                                     ,'Septiembre / Mí Meán Fomhair'
                                                     ,'Octubre / Mí Deireadh Fomhair'
                                                     ,'Noviembre / Mí na Samhna'
                                                     ,'Diciembre / Mí na Nollag'],
                                                 dayNamesShort:['Dom','Lun','Mar','Mie','Jue','Vie','Sab'],
                                               <?php
                                                 }
                                                 else
                                                 {
                                                   ?>
                                                 monthNames: ['January / Mí Eanair'
                                                     ,'February / Mí Feabhra'
                                                     ,'March / Mí Márta'
                                                     ,'April / Mí Aibreán'
                                                     ,'May / Mí Bealtaine'
                                                     ,'June / Mí Meitheamh'
                                                     ,'July / Mí Iúil'
                                                     ,'August / Mí Lúnasa'
                                                     ,'September / Mí Meán Fomhair'
                                                     ,'October / Mí Deireadh Fomhair'
                                                     ,'November / Mí na Samhna'
                                                     ,'December / Mí na Nollag'],
                                                 dayNamesShort: ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'],
                                                  <?php

                                                 }
                                                 ?>
						events: [
                                                    <?php
                                                            $Eventos  = DAOFactory::getCelendarioDAO()->queryAll();
                                                            for($i=0;$i<count($Eventos);$i++)
                                                            {
                                                                echo "{";
                                                                if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                                                {
                                                                   echo "title: '".$Eventos[$i]->tituloEsp."',";
                                                                   echo "description: '".$Eventos[$i]->descripcionEsp."',";
                                                                }
                                                                else
                                                                {
                                                                    echo "title: '".$Eventos[$i]->tituloIng."',";
                                                                    echo "description: '".$Eventos[$i]->descripcionIng."',";
                                                                }
                                                                
                                                                echo "start: new Date(" . date("Y",strtotime($Eventos[$i]->fechaInicial)) .",";
                                                                echo date("m",strtotime($Eventos[$i]->fechaInicial))-1 .",";
                                                                echo date("d",strtotime($Eventos[$i]->fechaInicial)) ."),";
                                                                echo "end: new Date(" . date("Y",strtotime($Eventos[$i]->fechaFinal)) .",";
                                                                echo date("m",strtotime($Eventos[$i]->fechaFinal))-1 .",";
                                                                echo date("d",strtotime($Eventos[$i]->fechaFinal)) .")";
                                                                if($i<count($Eventos)-1)
                                                                    echo "},";
                                                                else
                                                                    echo"}";
                                                            }
                                                    ?>
						],
                                                eventClick:function(calEvent)
                                                    {
                                                        $('#Description').text(calEvent.description);

                                                    }
						});					
				});

			</script>
        
		<!-- Fin Calenadrio -->
        
        <style type="text/css">


            body{
            margin:0px;
            padding: 0px;
            background: url(resources/img/calendario.jpg) no-repeat;
            }
            .capaprincipal{
	padding:0;
	font-size:12px;
	margin:0;
	width: 865px;
                }

            .capa{
                margin: 0px;
                padding: 0px;
                background: url(resources/img/ContenidosCalendario2.png) no-repeat;
                height: 645px;
                width: 865px;
            }

            
            .contenido {
                padding: 10px;
                font-size: 16px;
                height: 380px;
            }

            .promo
            {
                font-size: 14px;
                font-weight: bold;
                color:#407928;
            }

            .linea
            {
                border-bottom: 2px solid #407928;
                cursor: pointer;
            }
            .menu{height: 35px; color:#437B27; font-size: 14px; font-weight: bold}
            .menu a {text-decoration: none; color:#437B27; font-size: 14px; font-weight: bold}
            .menu a.hover {color:#437B27; font-size: 14px; font-weight: bold}

            #navi {
                    list-style:none;
                    margin:0;
                    padding:0;
                }

            #navi li {
                margin:6px;
                padding:0;
                float:left;
            }

            #navi li img {
                display:block;
                width:120px;
                text-decoration:none;
                text-align:center;
                font-size:11px;
            }
            #calendar {
		width: 420px;
		}

        </style>

    </head>

    <body>
        <div class="capaprincipal">
            <div class="capa">
                <table width="100%">
                    <tr>
                        <td colspan="2" style="text-align: center;">
                            <img src="resources/img/The-Pub-Calendario.gif" alt="" width="200" />
                                <?php
                                        /*if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                            echo "Calendario";
                                        else
                                            echo "Calendar";*/
                                        ?>
                        </td>
                        <td width="50%" colspan="2" rowspan="2" align="center"><img src="resources/img/Calendario.png" width="311" height="438" ></td>
                    </tr>
                    <tr>
                        <td width="50%" colspan="2" valign="top" class="contenido">
                        	<div id="calendar">
                                    
                                </div>
                        </td>
                    </tr>
                    <tr >
                        <td colspan="2" class="promo" >
                        <?php
                                if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                    echo "Eventos";
                                else
                                    echo "Events";
                         ?>
                        </td>
                            <td colspan="2" class="promo">
                                    <?php
                                if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                    echo "Descripcion";
                                else
                                    echo "Description";
                                ?>
                            </td>   
                    </tr>
                    <tr>
                        <td colspan="2">
                            
                            <table width="100%" cellpadding="0" cellspacing="0" class="tablaeventos">
                                <?php
                                    $year = (int)date("Y");
                                    $mes = (int)date("m");
                                    $Eventos2= DAOFactory::getCelendarioDAO()->queryByMesAnio($year, $mes);
                                    for($i=0;$i<count($Eventos2);$i++)
                                    {
                                        if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                            echo '<tr><td class="linea" id="event'.$Eventos2[$i]->id.'">'.$Eventos2[$i]->tituloEsp.'</td></tr>';
                                        else
                                            echo '<tr><td class="linea" id="event'.$Eventos2[$i]->id.'">'.$Eventos2[$i]->tituloIng.'</td></tr>';
                                    }
                                ?>
                            </table>
                            <script type="text/javascript">
                                <?php
                                    $year = (int)date("Y");
                                    $mes = (int)date("m");
                                    $Eventos3= DAOFactory::getCelendarioDAO()->queryByMesAnio($year, $mes);
                                    for($i=0;$i<count($Eventos3);$i++)
                                    {
                                    if($_SESSION['_IDIOMA']==$IDIOMA_ESP)
                                      echo "$('#event".$Eventos3[$i]->id."').click(function(){
                                        $('#Description').text('".$Eventos3[$i]->descripcionEsp."');
                                        });";
                                    else
                                        echo "$('#event".$Eventos3[$i]->id."').click(function(){
                                        $('#Description').text('".$Eventos3[$i]->descripcionIng."');
                                        });";
                                    }

                                ?>
                            </script>
                        </td>
                        
                        <td width="50%" colspan="2" valign="top" bgcolor="#FFFFFF">
                            <table width="100%">
                                <tr>
                                    <td id="Description"></td>
                                </tr>
                            </table>
                        </td> 
                    </tr>
                </table>
            </div>
        </div>
    </body>

</html>
